<template>
	<div class="recommend">
		<div v-for="item in recommends" class="item">
			<a href="">
				<img :src="item.image" alt="">
				<div style="font-size: 14px;">{{item.title}}</div>
			</a>
		</div>
	</div>
</template>

<script>
	export default{
		name:'recommendview',
		props:{
			recommends:{
				type:Array,
				default(){
					return []
				}
			}
		}
	}
</script>

<style scoped>
	.recommend{
		display: flex;
		width: 100%;
		font-size: 14px;
		padding: 10px 0 13px;
		text-align: center;
		border-bottom: 8px solid #eee;
	}
	.item{
		flex: 1;
	}
	.item img{
		width: 85%;
		margin-bottom: 5px;
	}
</style>
